<template>
    <div class="haowu">
        <div class="haowu-top">
        <router-link to='/'>
	        <span class="haowu-left"><img v-bind:src="imga"/></span>
        </router-link>
	        <span class="haowu-center">{{find}}</span>
	        <span class="haowu-right"><img v-bind:src="imgb"/></span>
    	</div>
    	<div class="haowu-box">
    		<div class="haowu-logo">
    			<img v-bind:src='imgc'>
    		</div>
    		<div class="haowu-center">
    			<ul>
    				<li v-for="info in infos"><img v-bind:src="info.imgs"></li>
    			</ul>
    			<h2>{{text}}</h2>
    		</div>
    	</div>
    	<div class="haowu-warp">
    		<img v-bind:src="warp"/>
    		<h2>{{never}}</h2>
    	</div>
    	<div class="haowu-mao">
    		<div class="haowu-wwuu">
    			<img v-bind:src='one'>
    		</div>
    		<div class="haowu-qwe">
    			<ul>
    				<li v-for="item in items"><img v-bind:src="item.img"></li>
    			</ul>
    			<h2>{{two}}</h2>
    		</div>
    	</div>
    	<div class="haowu-shujia">
    		<div class="haowu-ss">
    			<img v-bind:src='shu'>
    		</div>
    		<div class="haowu-asd">
    			<ul>
    				<li v-for="myimg in myimgs"><img v-bind:src="myimg.img"></li>
    			</ul>
    			<h2>{{word}}</h2>
    		</div>
    	</div>
    <footer>
     <router-link to='/'>
         <dl>
            <dt><img v-bind:src="homefo"/></dt>
             <dd>首页</dd>
         </dl>
     </router-link>
         <dl>
            <router-link to='/fangan'>
            <dt><img v-bind:src="homefo"/></dt>
            <dd>方案</dd>
            </router-link>
         </dl>
         <router-link to='/Photo'>
         <dl>
            <dt><img v-bind:src="homefo"/></dt>
             <dd>晒家</dd>
         </dl>
     </router-link>
     <router-link to='/main_two'>
         <dl>
            <dt><img v-bind:src="homefo"/></dt>
             <dd>攻略</dd>
         </dl>
     </router-link>
         <router-link to='/haowu'>
         <dl>
            <dt><img v-bind:src="homefo"/></dt>
             <dd>好物</dd>
         </dl>
     </router-link>
     </footer>

    </div>
</template>

<script>
export default {
  name: 'haowu',
  data () {
    return {
    	imga:"../static/img/homedenglu.png",
    	imgb:"../static/img/homesearch.png",
    	imgc:'../static/img/haowu-logo.png',
    	find:'好物',
    	text:'【原创家具】 享受质朴生活美学',
    	warp:"../static/img/haowu-warp.png",
    	never:'又到一年炎夏季，清凉家具推一波',
    	one:'../static/img/haowu-mao.png',
    	two:'【脚下生萌物】 超实用吸水防滑地垫',
    	shu:'../static/img/haowu-shu.png',
    	word:'超个性LOFT工业风，走在时尚前沿!',
        homefo:"../../static/img/homefote.png",
    	infos:[
    		{imgs:'../static/img/haowu-picture1.png'},
    		{imgs:'../static/img/haowu-picture2.png'},
			{imgs:'../static/img/haowu-picture3.png'},
    	],
    	items:[
    		{img:'../static/img/haowu-bu.png'},
    		{img:'../static/img/haowu-bu1.png'},
			{img:'../static/img/haowu-bu2.png'},
    	],
    	myimgs:[
    		{img:'../static/img/haowu-shujia1.png'},
    		{img:'../static/img/haowu-shujia2.png'},
			{img:'../static/img/haowu-shujia3.png'},
    	],
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/haowu.less);
</style>